<template>
  <div>
    <HomeHeader></HomeHeader>
    <HomeSwiper :list='swiperList'></HomeSwiper>
    <HomeIcons :list='iconList'></HomeIcons>
    <HomeRecommend :list='recommendList'></HomeRecommend>
    <HomeWeek :list='weekendList'></HomeWeek>
  </div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSwiper from './components/swiper'
import HomeIcons from './components/icons'
import HomeRecommend from './components/recommend'
import HomeWeek from './components/week'
import axios from 'axios'
export default {
        name: 'Home',
        components: { HomeHeader, 
                      HomeSwiper,
                      HomeIcons,
                      HomeRecommend,
                      HomeWeek
                      },
        data:function(){
                return {
                      
                      swiperList:[],
                      iconList:[],
                      recommendList:[],
                      weekendList:[]
                }
        },
        methods: {
          getHomeInfo () {
            axios.get('/api/index.json')
              .then(this.getHomeInfoSucc)
                            },
          getHomeInfoSucc (res) {
                              res=res.data
                              if(res.ret && res.data){
                                    const data = res.data
                                  
                                    this.swiperList=data.swiperList
                                    this.iconList=data.iconList
                                    this.recommendList=data.recommendList
                                    this.weekendList=data.weekendList
                              }
                                },
                  },
        mounted () {
          this.getHomeInfo()
                    }
               }
</script>

<style>
</style>
